/*
Template Name: Rikona HTML Template
Description: A Photography Portfolio HTML Template
Author: Chris Creed
URL: http://www.chris-creed.com
*/

/* Colors: Orange - #F34607 */

@import "reset.css";

/* ----------- */
/* -- Tools -- */
/* ----------- */
.footer-line { border-bottom: 2px solid #eee; }
.line { clear: both; border-bottom: 2px solid #eee; margin-bottom: 45px;  }
.cache-images { visibility: hidden; }

/* -------------------- */
/* -- General Styles -- */
/* -------------------- */
#wrap { width: 960px; margin: 0 auto; text-align: center; }
body { background: url(../images/main-bg.jpg) repeat-x; background-color: #fff; color: #555; line-height: 24px; font-family: Arial; font-size: 14px; text-align: center; }
h1 { font-size: 60px; margin: 30px 0 15px 0; }
h2 { font-size: 22px; margin: 30px 0 15px 0; }
h3 { font-size: 22px; margin: 25px 0 15px 0; }
h4 { font-size: 18px; margin: 20px 0 10px 0; }
h5 { font-size: 16px; margin: 20px 0 5px 0; }
h6 { font-size: 14px; margin: 0 0 0 0; }
a:link, a:visited { color: #F34607; text-decoration: none; }
a:hover, a:active { color: #111; }
em { font-style: italic; }
ol, ul { list-style: none; }

/* ----------------- */
/* -- Main Layout -- */
/* ----------------- */
#main { float: left; padding: 70px 0 0 0; min-height: 700px; width: 100%; }
#content { float: left; width: 550px; padding: 0 100px 40px 2px; text-align: left; margin: -10px 0 0 0; }
#sidebar { float: right; width: 250px; margin: -10px 0 0 0;  }

/* ------------ */
/* -- Header -- */
/* ------------ */
#header { padding: 50px 0 0 0; }
.logo { margin: 0 0 -15px 0; }

/* --------- */
/* -- Nav -- */
/* --------- */
#nav { float: left; width: 100%; overflow: hidden; position: relative; margin: 30px 0 10px 0; border-top: 2px #eee solid; border-bottom: 2px #eee solid; padding: 20px 0 16px; }
#nav ul { clear: left; float: left; margin: 0; padding: 0; position: relative; left: 50%; text-align: center; }
#nav ul li { float: left; list-style: none; margin: 0; padding :0; position: relative; right: 50%; }
#nav ul li a { margin: 0 0 0 1px; padding: 0; font-size: 20px; color: #555; text-transform: uppercase; }
#nav ul li a:hover { color: #F34607; }
#nav li span { padding: 20px; color: #555; font-size: 20px; }
#nav li .current { color: #F34607; }

/* ------------ */
/* -- Footer -- */
/* ------------ */
#footer { clear: both; font-size: 14px; color: #555; padding: 0 0 50px 0; }
#footer .copyright { text-align: center; padding: 8px 0 0 0; }